<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!DOCTYPE html>
<html>
<head>
    <title th:text="${pageName}">详情页</title>
    <!--<meta name="description" th:content="${configurations.get('websiteDescription')}">-->
    <meta name="viewport" content="width=device-width">
    <!--<link rel="shortcut icon" th:href="@{${configurations.get('websiteIcon')}}"/>-->
    <link rel="stylesheet" th:href="@{/public/amaze/css/base.css}">
    <!-- highlight -->
    <link rel="stylesheet" th:href="@{/public/plugins/highlight/styles/paraiso-light.css}">
    <style>
        .hljs {
            background: none;
        }
        pre code {
            white-space: pre;
        }

        blockquote {
            border-left: 4px solid #42b983;
            padding: 10px 0px 10px 15px;
            color: #777;
            background-color: rgba(66, 185, 131, .1);
            max-width: 890px;
        }
    </style>

</head>
<body>
<div th:replace="public/amaze/header::nav-fragment"></div>
<header th:fragment="header-fragment" class="intro-header"
        th:style="'background-image:url(' + @{/public/amaze/images/detail_header.jpg} + ');'">
    <div class="container" style="height: 400px">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
                <div class="post-heading">
                    <h1 th:text="${strategyDetailVO.strategyTitle}"></h1>
                    <span class="meta">
                        <th:block th:text="${#dates.format(strategyDetailVO.strategyCreateTime, 'yyyy-MM-dd')}"></th:block> &nbsp;
                            <div class="comments-view" style="display: inline-block">
                                <!--<a href="#comments" class="article-comments">\-->
                                <!--&lt;!&ndash;<th:block th:text="${blogDetailVO.commentCount}"></th:block>条评论&ndash;&gt;-->
                                <!--</a> &nbsp;-->
                                <th:block th:text="${strategyDetailVO.strategyViewNumber}"></th:block>浏览
                            </div>
                    </span>
                </div>
            </div>
        </div>
    </div>
</header>
<div class="container">
    <div class="am-g am-g-fixed blog-fixed">
        <div class="am-u-lg-12 am-u-sm-12">
            <article class="am-article blog-article-p article-trigger">
                <div id="post-content" class="am-article-bd article-body">
                    <th:block th:utext="${strategyDetailVO.strategyContent}"/>
                    <aside class="blog-rights clearfix">
                        <p>本站文章除注明转载/出处外，皆为作者原创，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。</p>
                    </aside>
                </div>
            </article>
            <hr>
        </div>
    </div>
    <p class="back-top" id="back-top" style="display:none"><a href="#top"><span></span></a></p>
</div>
<footer th:replace="public/amaze/footer::footer-fragment"></footer>
</body>
<script th:src="@{/public/default/js/jquery.min.js}"></script>
<script th:src="@{/public/plugins/highlight/highlight.pack.js}"></script>
<!--<script th:src="@{/public/plugins/comment/valid.js}"></script>-->
<!--<script th:src="@{/public/plugins/comment/comment.js}"></script>-->
<!-- sweetalert -->
<script th:src="@{/admin/plugins/sweetalert/sweetalert.min.js}"></script>
<script>
    $(function () {
        $("#back-top").hide();
        $(window).scroll(function () {
            if ($(this).scrollTop() > 300) {
                $('#back-top').fadeIn();
            } else {
                $('#back-top').fadeOut();
            }
        });
        // scroll body to 0px on click
        $('#back-top a').click(function () {
            $('body,html').animate({
                scrollTop: 0
            }, 800);
            return false;
        });

        $('pre code').each(function (i, block) {
            hljs.highlightBlock(block);
        });

        $('article h1, article h2, article h3, article h4, article h5').find('a').removeAttr('target')
    })
</script>
</html>